<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<script type="text/javascript" src="js/jsCommon.js"></script>
<script type="text/javascript" src="js/jsAddress.js"></script>

<%@taglib prefix="s" uri="/struts-tags"%>
<div class="conditionFilter">
	<span>Post code:</span><input type="text" name="postCode" value='<s:property value="postCode"/>' id="postCode" />
	<span>Street:</span><input type="text" name="street" value='<s:property value="street"/>'  id="street" /> <span>Town:</span><input
		type="text" name="townName" id="townName" value='<s:property value="townName"/>'  />
</div>
<!-- end .conditionFilter -->
<div class="listButton">
	<button id="btnSearch" type="button"
		class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
		<span class="ui-button-text">Search address</span>
	</button>
	<button id="btnNone" type="button"
		class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
		<span class="ui-button-text">None</span>
	</button>
	<button id="btnClear" type="button"
		class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
		<span class="ui-button-text">Clear</span>
	</button>
</div>
<!-- end .listButton -->
<table>
	<tr>
		<th>&nbsp;</th>
		<th>Address</th>
		<th>Post code</th>
		<th>Street</th>
		<th>Town</th>
		<th>County</th>
		<th>Country</th>
	</tr>
	<s:iterator value="listAddress">
		<tr>
			<td><input type="radio" name="rdb"
				value='<s:property value="postCode"/>' />
			</td>
			<td><s:property value="addressDetail" />
			</td>
			<td><s:property value="postCode" />
			</td>
			<td><s:property value="street" />
			</td>
			<td><s:property value="townName" />
			</td>
			<td><s:property value="countyName" />
			</td>
			<td><s:property value="countryName" />
			</td>
		</tr>
	</s:iterator>
</table>
<div class="ui-widget ui-helper-clearfix" id="icons">
	<div class="ui-state-default ui-corner-all page">
		<span>Page Size :				
			<select name="pageSize" id="pageSize">				
				<option value="5" <s:if test="%{pageSize==5}">selected='true' </s:if>>5</option>
				<option value="10"<s:if test="%{pageSize==10}">selected='true' </s:if>>10</option>
				<option value="15" <s:if test="%{pageSize==15}">selected='true' </s:if>>15</option>
				<option value="20" <s:if test="%{pageSize==20}">selected='true' </s:if>>20</option>
			</select>
		</span><!-- end .pageSize -->
		<a href="javascript:void(0)" title="1"><span
			class="ui-icon ui-icon-seek-first"></span>
		</a> <a href="javascript:void(0)"
			title='<s:property value="previewPage"/>'><span
			class="ui-icon ui-icon-triangle-1-w"></span>
		</a> Page <input type="text" width="30px" id="txtPage"
			value='<s:property value="currentPage"/>' /> of
		<s:property value='totalPage' />
		<a href="javascript:void(0)" title='<s:property value="nextPage"/>'><span
			class="ui-icon ui-icon-triangle-1-e"></span>
		</a> <a href="javascript:void(0)" title='<s:property value="totalPage"/>'><span
			class="ui-icon ui-icon-seek-end"></span>
		</a>
		
	</div><!-- end .page -->
</div><!-- end #icons -->
<div class="listButton">
	<button id="btnSelect" type="button"
		class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
		<span class="ui-button-text">Select</span>
	</button>
	<button id="btnClose" type="button"
		class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
		<span class="ui-button-text">Close</span>
	</button>
</div>
<!-- end .listButton -->